{{ partial "header.html" .}}

<!-- Page Header -->
<header class="intro-header" style="background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.6)),url('/img/frontpage/banner.jpg');">
    <div class="container">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div class="site-heading">
            <h1>{{ title .Site.Title }}</h1>
            <h3>{{ $.Site.Params.description }}</h3>
            <hr class="intro-divider">
            <ul class="list-inline intro-social-buttons">
            <li>
                <a href="http://docs.kicad-pcb.org" class="btn btn-default"><i class="fa fa-book fa-fw"></i> <span class="network-name">Docs</span></a>
            </li>
            <li>
                <a href="/download/" class="btn btn-default btn-primary">
                <i class="fa fa-download fa-fw"></i> <span class="network-name">Download</span>
                <i class="fa fa-linux"></i>
                <i class="fa fa-apple"></i>
                <i class="fa fa-windows"></i>
                </a>
            </li>
            <li>
                <a href="/libraries/download/" class="btn btn-default">
                <i class="fa fa-download fa-fw"></i><span class="network-name">Libraries</span>
                </a>
            </ul>
        </div>
        </div>
    </div>
    </div>
</header>

    <!-- Page Content -->
    <!-- These content sections could potentially be adoc's later on for easy translation. We could then place them in a folder an loop through that to add it here. The image can be specified in the adoc also. Maybe even show some of the latests posts? -->
<a  name="services"></a>
<div class="container">
    <div class="row">
        <div class="col-md-9">
            <div class="content-section-a">
                <div class="row">
                    <hr class="section-heading-spacer">
                    <div class="col-lg-6 col-sm-6">
                        <div class="clearfix"></div>
                        <h2 class="section-heading">Schematic Capture</h2>
                        <p class="lead">With the schematic editor you can create your design without limit; there are no paywalls to unlock features. An official library for schematic symbols and a built-in schematic symbol editor help you get started quickly with your designs.</p>
                        <a href="/discover/eeschema/" class="btn btn-default btn-block "><i class="fa fa-book fa-fw"></i> <span class="network-name">Learn more</span></a>
                        <p></p>
                    </div>
                    <div class="col-lg-6 col-sm-6">
                        <a href="/img/frontpage/kicad_eeschema.png"><img class="img-responsive" src="/img/frontpage/kicad_eeschema.png" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- /.content-section-a -->

            <div class="content-section-b">
                <div class="row">
                    <hr class="section-heading-spacer">
                    <div class="col-lg-6 col-sm-push-6 col-sm-6">
                        <div class="clearfix"></div>
                        <h2 class="section-heading">PCB Layout</h2>
                        <p class="lead">Make professional PCB layouts with up to 32 copper layers. KiCad now has a push and shove router which is capable of routing differential pairs and interactively tuning trace lengths.</p>
                        <a href="/discover/pcbnew/" class="btn btn-default btn-block "><i class="fa fa-book fa-fw"></i> <span class="network-name">Learn more</span></a>
                        <p></p>
                    </div>
                    <div class="col-lg-6 col-sm-pull-6 col-sm-6">
                        <a href="/img/frontpage/kicad_pcbnew.png"><img class="img-responsive" src="/img/frontpage/kicad_pcbnew.png" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- /.content-section-b -->

            <div class="content-section-a">
                <div class="row">
                    <hr class="section-heading-spacer">
                    <div class="col-lg-6 col-sm-6">
                        <div class="clearfix"></div>
                        <h2 class="section-heading">3D Viewer</h2>
                        <p class="lead">KiCad includes a 3D viewer which you can use to inspect your design in an interactive canvas. You can rotate and pan around to inspect details that are difficult to inspect on a 2D view. Multiple rendering options allow you to modify the aesthetic appearance of the board or to hide and show features for easier inspection.</p>
                        <a href="/discover/3dviewer/" class="btn btn-default btn-block "><i class="fa fa-book fa-fw"></i> <span class="network-name">Learn more</span></a>
                        <p></p>
                    </div>
                    <div class="col-lg-6 col-sm-6">
                        <a href="/img/frontpage/kicad_3dviewer.png"><img class="img-responsive" src="/img/frontpage/kicad_3dviewer.png" alt=""></a>
                    </div>
                </div>
            </div>
            <!-- /.content-section-a -->
        </div>
        <div class="col-md-3">
        {{ partial "latest_blog_posts.html" . }}
        </div>
    </div>
</div>

{{ partial "footer.html" .}}
